
<template>
  <div id="centerB">
    <div class="top">
      <div>
        门店名称
        <span>{{name}}</span>
      </div>
      <div @click="Jump">修改密码
        <img src="../../../wechat/static/images/dzyhzx_next.png" alt="">
      </div>
    </div>
    <tabbar>
      <tabbar-item link="/code">
        <img slot="icon" src="../../../wechat/static/images/tab_hx_n.png">
        <span slot="label" style="font-family: PingFang-SC-Medium;
    font-size: 0.24rem;
    color: #999999;">核销</span>
      </tabbar-item>
      <tabbar-item link="/orderData">
        <img slot="icon" src="../../../wechat/static/images/tab_ddsj_n.png">
        <span slot="label" style="font-family: PingFang-SC-Medium;
    font-size: 0.24rem;
    color: #999999;">订单数据</span>
      </tabbar-item>
      <tabbar-item selected>
        <img slot="icon" src="../../../wechat/static/images/tab_grzx_s.png">
        <span slot="label" style="font-family: PingFang-SC-Medium;
    font-size: 0.24rem;
    color: #ec1b24;">个人中心</span>
      </tabbar-item>
    </tabbar>
  </div>
</template>

<script>
import { Tabbar, TabbarItem } from "vux";
export default {
  name: "centerB",
  data() {
    return {
      name: localStorage.getItem('storeName')||''
    };
  },
  mounted() {
  },
  created() {
    
  },
  methods: {
    Jump() {
      this.$router.push('./changePassword')
    }
  },
  components: {
    Tabbar,
    TabbarItem,
  }
};
</script>

<style lang="less">
#centerB{
  background: #fff;
  .top{
    margin: 0 10px;
    div{
      height: 54px;
      line-height: 54px;
      border-bottom: 1px solid #efefef;
      font-family: PingFang-SC-Medium;
      font-size: 15px;
      color: #333;
      img{
        float: right;
        margin-top: 21px;
        width: 5px;
        height: 9px;
      }
      &:last-child{
        border: none;
      }
      span{
        float: right;
      }
    }
  }
  .weui-tabbar {
    position: fixed;
    .weui-tabbar__item {
      img {
        width: 21px;
        height: 21px;
        margin-top: 3px;
      }
    }
    .weui-bar__item_on {
      img {
        width: 23px;
        height: 21px;
      }
      .weui-tabbar__label {
        span {
          font-family: PingFang-SC-Medium;
          font-size: 12px;
          color: #ec1b24;
        }
      }
    }
    &:before {
      border: none;
    }
  }
}

</style>
